<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <style>
        * {
            padding: 0;
            margin: 0;
        }


        @-moz-document url-prefix(http:),
        url-prefix(https:) {
            @font-face {
                font-family: 'Arial';
                src: local('思源黑体 Normal');
            }

            @font-face {
                font-family: 'SimSun';
                src: local('思源黑体 Normal');
            }

            @font-face {
                font-family: 'SimHei';
                src: local('思源黑体 Normal');
            }

            @font-face {
                font-family: 'Microsoft YaHei';
                src: local('思源黑体 Normal');
            }

            @font-face {
                font-family: 'Microsoft YaHei UI';
                src: local('思源黑体 Normal');
            }

            @font-face {
                font-family: '宋体';
                src: local('思源黑体 Normal');
            }

            @font-face {
                font-family: '黑体';
                src: local('思源黑体 Normal');
            }

            @font-face {
                font-family: '微软雅黑';
                src: local('思源黑体 Normal');
            }
        }

        @keyframes toShow {

            from {
                transform: scale(0.8);

            }

            to {
                transform: scale(1.1);
            }
        }


        body {
            max-width: 750px;
            min-width: 320px;
            background: #ffffff;
            margin: 0 auto;
        }

        #content {
            width: 100%;
            background: url('https://img.alicdn.com/imgextra/i4/1708564976/O1CN018i9Up21md3bq6njvF_!!1708564976.jpg');
            height: 281vw;
            margin: 0 auto;
            background-size: 100%;
            position: relative;
        }

        .three01 {
            width: 100%;
            margin: 0 auto;
            height: 89.7vw;
        }

        .three02 {
            width: 100%;
            margin: 0 auto;
            height: 8.5vw;
        }

        #three_text {
            width: 56vw;
            height: 5.4vw;
            font-size: 4vw;
            color: #414141;
            margin: 0 auto;

        }

        .three03 {
            width: 100%;
            margin: 0 auto;
            height: 170.7vw;
        }

        #three_text2 {
            width: 70vw;
            height: 6vw;
            font-size: 4.8vw;
            color: #99989d;
            margin: 0 auto;
            font-weight: 600;
            text-align: center;

        }

        .show {
            width: 40vw;
            height: 40vw;
            margin: 0 auto;
            margin-top: 6.7vw;
            animation: toShow 0.5s linear infinite alternate;
        }

        .show img {
            width: 100%;
            display: block;
        }
    </style>
    <title></title>
</head>

<body>


    <div id="content">

        <div class="three01"></div>
        <div class="three02">
            <!-- <div id="three_text">

            </div> -->
        </div>
        <div class="three03">
            <div id="three_text2">


            </div>
            <div class="show">
                <img src="https://img.alicdn.com/imgextra/i3/1708564976/O1CN01nfQtzO1md3brtBtlo_!!1708564976.png"
                    alt="">
            </div>
        </div>
        <div class="three04"></div>

    </div>
</body>
<SCRIPT>
    // window.onload = function () {
    var date = new Date();
    var year = date.getFullYear();    //  返回的是年份
    var mouth = date.getMonth() + 1;  //  返回的月份上个月的月份，记得+1才是当月
    var dates = date.getDate();       //  返回的是几号
    var h = date.getHours();

    var m = date.getMinutes();

    var s = date.getSeconds();
    function abc(k) {
        if (k < 10) {
            return "0" + k;
        } else {
            return k;
        }
    }
    const three_text2 = document.querySelector("#three_text2");


    three_text2.innerHTML = "更新于：" + year + "." + mouth + "." + dates + " " + abc(h) + ":" + abc(m) + ":" + "18";

    // }
</SCRIPT>


</html>